<{include file="public/header.html"}>
<link rel="stylesheet" type="text/css" href="<{$style_dir}>/css/photoswipe.css">
<div class="article-details">
	<div class="details-top bjf">
		<div class="top-bj overhide">
			<img src="<{$style_dir}>/img/details/banner.jpg"/>
			<div class="title w100">
				<div class="w1180 con">
					<h3 class="fl toptitle"><{$info['title']}></h3>
				</div>
			</div>
		</div>
		<div class="w1180">
			<div class="information">
                            <a href="<{$info['space_url']}>" class="head fl overhide">
					<img src="<{$info['head_img']}>"/>
				</a>
                            <script>var is_goto_comment =<{if $comment_id}>true<{else}>false<{/if}>;</script>
				<div class="fl ml10">
					<div class="user overhide">
						<a href="<{$info['space_url']}>" class="name fl">作者：<{$info['nickname']}>&nbsp;<em class="error f14"></em></a>
                                                <input type="hidden" id="_T_art_info" data-aid="<{$info['article_id']}>" data-uid="<{$info['uuid']}>" data-status="<{$info['status']}>" data-comment="<{$comment_id}>"/>
                                                <input type="hidden" id="_T_account_info" value="<{$bbs_user_info['balance']}>"/>
                                                <button class="fl ml5 tan-fans-btn follow <{if $info['is_fan']}>follow2<{else}>follow1<{/if}>" data-value="<{$info['is_fan']}>" style="width:80px;"><{if $info['is_fan']}>已关注<{else}>关注<{/if}></button>
						<p class="fl time ml20"><{$info['create_time']}></p>
                                                <span class="fl num ml20"><b class="icon-index icon-eye fl mr5"></b><span class="read_num_show"><{$info['readnum']}></span>/<{$info['commentnum']}></span>
					</div>
					<div class="label mt10">
                                            <div class="label-list">
                                                <{foreach from=$info['tags'] item=val}>
                                                <a href="<{$val['turl']}>" target="_blank"><{$val['tname']}></a>
                                                <{/foreach}>
                                            </div>
					</div>
				</div>
			</div>
			<div class="w280 num-btn fr">
				<!--<a href="javascript:void(0);" class="praise fl pt15 tan-like-btn" data-value="<{$info['is_like']}>">
					<b class="icon-index icon-praise<{$info['is_like']}>" ></b>
					<p class="art-like-show"><{$info['likes']}></p>
				</a>-->
				<a href="javascript:void(0);" class="goto-comment-box comments fl pt15">
					<b class="icon-index icon-comments"></b>
					<p><{$comment_totalCount}></p>
				</a>
				<a href="javascript:void(0);" class="collection fl pt15 tan-favorite-btn" data-value="<{$info['is_favorite']}>">
					<b class="icon-index icon-collection<{$info['is_favorite']}>"></b>
					<p class="art-favorite-show"><{if $info['is_favorite']}>已收藏<{else}>收藏<{/if}></p>
				</a>
				<a href="javascript:void(0);" class="praise fl pt15 share">
					<b class="icon-index icon-share"></b>
					<p>分享</p>
				</a>
				<div class="share-pop share" style="display: none;">
                                    <a class="sina icon-tab icon-share-sina" title="分享到新浪微博" data-key="wb" data-title="#<{$info['cat_name']}>-《<{$info['title']}>》#" data-content="<{$info['likes']}>人【点赞】" data-ref="<{$info['share_url']}>"></a>
					<a class="qzone icon-tab icon-share-qzone" title="分享到QQ空间" data-key="qq" data-title="#<{$info['cat_name']}>-《<{$info['title']}>》#" data-content="<{$info['likes']}>人【点赞】" data-ref="<{$info['share_url']}>"></a>
                                        <a class="sweixin icon-tab icon-share-wechat" title="分享到微信" data-key="wx" data-wx-qrcode="/trcode.html?text=<{$info['share_url']|urlencode}>&size=150&level=H"></a>
				</div>
			</div>
			<a href="javascript:void(0);" class="zan fr tan-like-btn" data-value="<{$info['is_like']}>">
				<b class="icon-index"></b>
				<p class="art-like-show"><{$info['likes']}></p>
			</a>
			<div class="clear"></div>
		</div>
	</div>
	<div class="details-fixed">
		<div class="w1180">
                    <a href="<{eval url('')}>" class="home icon-index icon-home fl"></a>
			<div class="fl title">
				<a href="<{$info['cat_url']}>" class="section"><{$info['cat_name']}></a>
                                <a href="<{$info['detail_url']}>" class="txt textnum35 ml15"><{$info['title']}></a>
			</div>
			<div class="fr right">
                            <a href="javascript:void(0);" class="tan-like-btn zan" data-value="<{$info['is_like']}>"><b class="icon-index"></b><span class="art-like-show"><{$info['likes']}></span></a>
				<a href="javascript:void(0);" class="goto-comment-box comments"><b class="icon-index icon-comments"></b><span><{$comment_totalCount}></span></a>
                                <a href="javascript:void(0);" class="tan-favorite-btn"  data-value="<{$info['is_favorite']}>"><b class="icon-index icon-collection<{$info['is_favorite']}>" ></b><span class="art-favorite-show""><{if $info['is_favorite']}>已收藏<{else}>收藏<{/if}></span></a>
				<a href="javascript:void(0);" class="share"><b class="icon-index icon-share"></b><span>分享</span></a>
				<div class="share-pop share" style="display: none;">
					<a class="sina icon-tab icon-share-sina" title="分享到新浪微博" data-key="wb" data-title="#<{$info['cat_name']}>-《<{$info['title']}>》#" data-content="<{$info['likes']}>人【点赞】" data-ref="<{$info['share_url']}>"></a>
					<a class="qzone icon-tab icon-share-qzone" title="分享到QQ空间" data-key="qq" data-title="#<{$info['cat_name']}>-《<{$info['title']}>》#" data-content="<{$info['likes']}>人【点赞】" data-ref="<{$info['share_url']}>"></a>
					<a class="sweixin icon-tab icon-share-wechat" title="分享到微信" data-key="wx" data-wx-qrcode="/trcode.html?text=<{$info['share_url']|urlencode}>&size=150&level=H"></a>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		$(function(){
			function showTxt(lei, txt) {
				var txtNum = lei.find('span').text();
				lei.hover(function () {
					$(this).find('span').text(txt);
				}, function () {
					$(this).find('span').text(txtNum);
				});
			}
			showTxt($('.article-details .details-fixed .right .zan'), '赞赏');
			showTxt($('.article-details .details-fixed .right .comments'), '评论');

		});
	</script>
	<div class="w1180-con overhide mt20" style="position: relative;">
		<div class="fl">
			<div class="article-con bjf">
				<div class="con mb20 gallery pic-list">
                                    <{$info['content']}>
				</div>
				<!--<div class="tip mb40">
					声明：观点仅代表作者本人,不代表本站立场。 未经作者许可，禁止转载。  如有侵权文章,请联系我们（微信号：tanliuliu2015   QQ：2145212703 ）
				</div>-->
				<div class="reward mb40">
                                        <{if $bbs_user_info['user_id'] != $info['authorid']}>
					<a  href="javascript:void(0);" class="btn icon-index reward-btn"></a>
                                        <{/if}>
                                        <{if $reward}>
					<div class="border pb10">
						<span class="num bjf"><p>已有 <{$reward|count}> 人打赏此文章</p></span>
                                                <{if count($reward) > 11}>
						<span class="all">查看更多</span>
                                                <{/if}>
						<ul class="overhide">
                                                    <{foreach from=$reward item=val key=key}>
                                                        <{if ($key + 1) <= 11}>
                                                        <li><a href="<{$val['space_url']}>" target="_blank"><img src="<{$val['head_img']}>"/></a></li>
                                                        <{/if}>
                                                    <{/foreach}>
                                                    <{if count($reward) > 11}>
                                                    <div class="reply-hide">
                                                        <{foreach from=$reward item=val key=key}>
                                                        <{if ($key + 1) > 11}>
                                                        <li><a href="<{$val['space_url']}>" target="_blank"><img src="<{$val['head_img']}>"/></a></li>
                                                        <{/if}>
                                                        <{/foreach}>
                                                    </div>
                                                    <{/if}>
						</ul>
					</div>
                                        <{/if}>
				</div>
				<script type="text/javascript">
					$(function(){
						$('.reward .border .all').on('click',function(){
							$(this).parents('.reward').find('.reply-hide li').toggle(500);
							if( $(this).text() == '查看更多' ){
								$(this).text('收起');
							}else{
								$(this).text('查看更多');
							}
						});
					})
				</script>

				<img src="<{$style_dir}>/img/area/app-article.jpg" class="mb40"/>

				<div class="article-reply mb40 ">
                                    <div class="reply-num pb10 mb20">
                                            共&nbsp;<{$comment_totalCount}>&nbsp;条评论
                                            <a href="javascript:void(null);" class="fr goto-comment-box"><b class="icon-com icon-import fl"></b>添加新评论</a>
                                    </div>
                                    <div class="comment-box-list">
                                    </div>
                                    <div class="comment-bottom">
                                        <div class="fr ml30" id="show-comment-pagination">
                                        </div>
                                        <div class="fr">共<span class="comment-total-page">0</span>页/<span class="comment-total-count">0</span>条</div>
                                    </div>
                                    <!--发表评论-->
                                    <div class="reply-comment mtb30" style="margin-top: 55px;">
                                        <a href="javascript:void(0);" class="header fl">
                                            <img src="<{$bbs_user_info['head_img']}>" onerror="this.onerror=null;this.src='http://static.tan66.com/upfiles/head.png';"/>
                                        </a>
                                        <div class="box fl ml20">
                                                <dl>
                                                        <dt class="overhide ptb10">
                                                                <!--表情 @-->
                                                                <span class="emotion fl ml10" id="face"></span>
                                                                <!--标签-->
                                                                <div class="reply-tags fr">
                                                                        <ul>
                                                                            <li data-tag="1">
                                                                                <a href="javascript:void(0);">
                                                                                    真没<br />看头<i></i>
                                                                                </a>
                                                                            </li>
                                                                            <li data-tag="2">
                                                                                <a href="javascript:void(0);">
                                                                                    一般<br />般<i></i>
                                                                                </a>
                                                                            </li>
                                                                            <li data-tag="3">
                                                                                <a href="javascript:void(0);">
                                                                                    哎呦<br />不错<i></i>
                                                                                </a>
                                                                            </li>
                                                                            <li data-tag="4">
                                                                                <a href="javascript:void(0);">
                                                                                    猴腮<br />雷<i></i>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                </div>
                                                        </dt>
                                                        <dd>
                                                            <div class="plr5">
                                                                <div class="enter-input">
                                                                    <textarea class="input emotion" id="comment-content" name="saytext" placeholder="写下你的评论..."></textarea>
                                                                </div>
                                                            </div>
                                                        </dd>
                                                </dl>
                                                <!--回复按钮-->
                                        <input type="submit" class="sub_btn reply-submit fr mt20 T-comment-btn comment-btn" value="发表回复" data-disable-val='提交中...'  data-author-id="<{$info['uuid']}>" data-article-id="<{$info['article_id']}>" data-comment-id="" data-comment-uuid=""/>
                                        </div>
                                     </div>
				</div>
			</div>
			<div class="clear"></div>
		</div>

		<div class="side-area fr">
			<{include file="public/bbs_right.html"}>
		</div>
		<div class="clear"></div>
	</div>
</div>

		<!--打赏支持--弹窗-->
		<div class="reward-popup popup-box" style="display: none;">
			<div class="reward-title">《<{$info['title']}>》<a href="javascript:void(0);" class="fr icon icon-close support-close"></a></div>
			<div class="avatared">
				<img src="<{$info['head_img']}>" /><br />
			</div>
			<div class="author tc">
				<strong class="quoting mr5" style="vertical-align: top;">“</strong><span class="quot-con">如果我的文字对您有用，请随意打赏,您的支持将鼓励我继续发帖。</span><strong style="vertical-align: text-top;" class="quoting">”</strong>
			</div>
			<div class="reward-content">
                            <form id="tan-award-form" method="post" action="<{eval url('action_award_order')}>" target="_blank" onsubmit="return action_award_order_pay_do(this);">
				<ul>
                                        <li>
                                            <span class="rewart-item">我的剩余溜珠：</span><i class="num"><{if $bbs_user_info['balance']}> <{$bbs_user_info['balance']}><{else}>0<{/if}></i>个
					</li>
					<li>
                                            <span class="rewart-item">打赏寄语：</span><input type="text" class="award-say award" id="awardSay" name="awardNum" placeholder="这文章太棒了，犒劳一下，希望后续更加精彩..."/><br/>
                                            <label></label>
					</li>
					<li>
                        <span class="rewart-item">打赏溜珠个数：</span><input type="text" class="award-num award" id="awardNum" name="awardNum" value="1" maxlength="7" placeholder="溜珠个数" autocomplete="off"/>
						<em>个</em>
					</li>
					<li>
                        <span class="rewart-item">需支付人民币：</span><input type="text" class="award-money award" id="awardMoney" name="awardMoney" value="1.00" placeholder="5" readonly="readonly" style="font-size: 18px;" />
						<em>元</em>
					</li>
                                        <li class="pay">
						<span class="rewart-item w100px"></span>
                                                <a class="icon-com icon-items" data-pay="alipay"><b class="icon-com icon-support-alipay alipay"></b>支付宝支付</a>
                                                <a class="icon-com icon-items" data-pay="yue"><b class="icon-com <{if $bbs_user_info['balance'] >= 1}>icon-support-yue<{else}>icon-support-noyue<{/if}> yue"></b>余额支付</a>
					</li>
					<li class="mt20">
						<span class="rewart-item"></span>
                                                <input type="hidden" id="awardAction" name="action" value="article_reward"/>
                                                <input type="hidden" id="awardKey" name="awardKey" value="<{$SESSIONID}>"/>
                                                <input type="hidden" id="articleId" name="articleId" value="<{$info['article_id']}>"/>
                                                <input type="hidden" id="authorId" name="authorId" value="<{$info['uuid']}>"/>
                                                <input type="hidden" id="awardPay" name="awardPay" value=""/>
                                                <input type="submit" class="support-pay" value="点击打赏" style='margin-left: -5px;'/>
                                                <label class="ml15 load-show"></label>
					</li>
					<li><span class="rewart-item"></span></li>
				</ul>
                            </form>
			</div>
		</div>
                <!--大图预览-->
	<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="pswp__bg"></div>
		<div class="pswp__scroll-wrap">
			<div class="pswp__container" style="transform: translate3d(0px, 0px, 0px);">
				<div class="pswp__item" style="display: block; transform: translate3d(-464px, 0px, 0px);"></div>
				<div class="pswp__item" style="transform: translate3d(0px, 0px, 0px);"><div class="pswp__zoom-wrap" style="transform: translate3d(15px, 159px, 0px) scale(0.518919);"><img class="pswp__img pswp__img--placeholder" src="http://static.tan66.com/upfiles/image/20161228/11896048550.jpeg" style="width: 740px; height: 416px;"><img class="pswp__img" src="http://static.tan66.com/upfiles/image/20161228/11896048550.jpeg" style="backface-visibility: hidden; display: block; opacity: 1; width: 740px; height: 416px;"></div></div>
				<div class="pswp__item" style="display: block; transform: translate3d(464px, 0px, 0px);"><div class="pswp__zoom-wrap" style="transform: translate3d(0px, 230px, 0px) scale(0.69);"><img class="pswp__img" src="http://static.tan66.com/upfiles/image/20161228/12286158242.jpg" style="backface-visibility: hidden; opacity: 1; width: 600px; height: 400px;"></div></div>
			</div>
			<div class="pswp__ui pswp__ui--hidden">
				<div class="pswp__top-bar">
					<div class="pswp__counter">1 / 2</div>
					<button class="pswp__button pswp__button--close pswp__element--disabled" title="Close (Esc)"></button>
					<button class="pswp__button pswp__button--share pswp__element--disabled" title="Share"></button>
					<button class="pswp__button pswp__button--fs pswp__element--disabled" title="Toggle fullscreen"></button>
					<button class="pswp__button pswp__button--zoom pswp__element--disabled" title="Zoom in/out"></button>
					<div class="pswp__preloader">
						<div class="pswp__preloader__icn">
							<div class="pswp__preloader__cut">
								<div class="pswp__preloader__donut"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="pswp__loading-indicator">
					<div class="pswp__loading-indicator__line"></div>
				</div>
				<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap pswp__element--disabled">
					<div class="pswp__share-tooltip">
						<a href="#" class="pswp__share--facebook"></a>
						<a href="#" class="pswp__share--twitter"></a>
						<a href="#" class="pswp__share--pinterest"></a>
						<a href="#" download="" class="pswp__share--download"></a>
					</div>
				</div>
				<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
				<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
				<div class="pswp__caption pswp__element--disabled">
					<div class="pswp__caption__center"></div>
				</div>
			</div>
		</div>
	</div>
<script type="text/javascript">
        //打赏支持
        //1、弹窗
        $(".article-details .reward .reward-btn").click(function(){
                $(".reward-popup").show();
        })
        $(".support-close").click(function(){
                $(".reward-popup").hide();
        });
        //2、选择支付
        $(".reward-content ul li a").click(function(){
            if($(this).children("b").hasClass("icon-support-noyue")){layer.msg("余额不足哦！",{icon:0,time:1000,offset:300});return false;}
            $(this).toggleClass("icon-support-choice");
            $(this).siblings().removeClass("icon-support-choice")
        })

</script>
<script type="text/javascript" src="<{$style_dir}>/js/photoswipe.min+photoswipe-ui-default.min+jquery.trasit+jquery.hammer+hammer+initPhotoSwipeFromDOM.js"></script>
<script type="text/javascript" src="<{$style_dir}>/js/favorite.widget.js"></script>
<script type="text/javascript">

    var is_load_face=true;
    $(function(){showPageComment();showRead();$(".pic-list img").gallery_img();});
</script>
<{include file="public/footer.html"}>
	